<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/personal_information.css">
		<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script type="text/javascript" src="js/global.js"></script>
		<script type="text/javascript" src="plugin/laydate/laydate.js"></script>
		<script type="text/javascript" src="js/personal_information.js"></script>
		<title>个人信息</title>
		<style rel="stylesheet" type="text/css">
			#laydate_box{
				transform: translate(-20%,-40%);
			}
		</style>
	</head>
	<body ng-app="myApp" ng-controller="myCtrl">
	<header>
		<span class="return"><a href="javascript:void(0)" onclick="javascript :history.go(-1)"><img src="image/返回.png"></a></span>
		<span class="sign_header">个人信息</span>
	</header>
	<div class="container" >
		<form type="get">
			<p>
				<span>昵称</span>
				<input type="text" ng-model="idCard">
			</p>
			<p>
				<span>性别</span>
				<span ng-class="{'sex  active': a, 'sex': b}" ng-click="active0()">男</span>
				<span ng-class="{'sex  active': b, 'sex': a}" ng-click="active1()">女</span>
			</p>
			<p>
				<span>用户名</span>
				<input type="text" ng-model="username">
			</p>
			<p>
				<span>手机号码</span>
				<input type="text" ng-model="mobile">
			</p>
			<p>
				<span>邮箱</span>
				<input type="text" ng-model="email">
			</p>
			<p>
				<span>出生日期</span>
				<input  type="text" ng-model="birthday"  onclick="laydate()">
			</p>
			<div class="sign_btn" ng-click="change()">确定修改</div>
		</form>
		<!--提示框-->
			<div class="alert" ng-show="reminder"></div>
			<div class="reminder" ng-show="reminder">
				<p>温馨提示</p>
				<p>{{ message }}</p>
				<p ng-click="close()">确定</p>
			</div>
	</div>
	</body>
</html>